<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<script type="text/javascript" src="layui/layui.js"></script>
		<link rel="stylesheet" href="css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />
	</head>

	<body class="ervery-sign-list">
		<table class="layui-hide" id="test"></table>
	</body>

	<script>
		var laytable = null;
		var cols = [{
				field: 'id',
				width: 80,
				title: '序号'
			},
			{
				field: 'name',
				width: 130,
				title: '姓名',
				templet: function(d) {
					if(d.master === 1) {
						return d.name + '<span class="leader">组长</span>';
					} else {
						return d.name;
					}
				}
			},
			{
				field: 'zhundian',
				width: 130,
				title: '准点次数'
			},
			{
				field: 'chidao',
				width: 130,
				title: '迟到次数'
			},
			{
				field: 'kuangke',
				width: 130,
				title: '旷课次数'
			}
		];
		cols.push({
			field: 'jihua1',
			width: 130,
			title: '授课计划1'
		});
		cols.push({
			field: 'jihua1',
			width: 130,
			title: '授课计划2'
		});
		layui.use(['laypage', 'layer', 'form', 'table'], function() {
			var table = layui.table;
			laytable = table.render({
				elem: '#test',
				url: 'tableData.json',
				cellMinWidth: 80,
				cols: [cols],
				page: true
			})
		});
	</script>

</html>